@import "~/common/stylesheet/index";

.array_2d {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;

  .row {
    display: flex;

    .col {
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 28em;
      height: 28em;
      background-color: $theme-normal;
      border: 1em solid $theme-light;
      margin-right: -1em;
      margin-bottom: -1em;
      padding: 0 4em;

      .value {
        font-size: 12em;
      }

      &.selected {
        background-color: $color-selected;
      }

      &.patched {
        background-color: $color-patched;
      }
    }
  }
}